<template>
  <v-container :fluid="true">
    <v-row>
      <v-col :cols="12">
        <v-expansion-panels>
          <v-expansion-panel title="如何输入文字的">
            <v-expansion-panel-text>
              <div class="mb-2">
                类<code>CursorAgent</code>的构造过程中会创建一个 <code>textarea</code>,
                这个<code>textarea</code>充当整个canvas 的光标，textarea 的输入事件会代理给canvas.
              </div>
              <div class="mb-2">
                最终会在 <code> src\editor\core\event\handlers\input.ts#input </code> 方法中绘制图形
              </div>
            </v-expansion-panel-text>
          </v-expansion-panel>
          <v-expansion-panel title="核心方法">
              <v-expansion-panel-text><div>
                1. Draw.render
              </div>
                <div>
                  2.  rangeManager.setRange
                </div></v-expansion-panel-text>
          </v-expansion-panel>
        </v-expansion-panels>
      </v-col>
    </v-row>
  </v-container>
</template>
<script setup lang="ts">
</script>

<style scoped></style>
